<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="main">
			<p class="p1">段落1</p>
			<p>段落2</p>
			<p>段落3</p>
			<p>段落4</p>
			<ul class="ul">
				<li class="li1">1</li>
				<a>超链接</a>
				<a>超链接</a>
				<li name="li2">2</li>
				<li name="li3">3</li>
				<li name="li4">4</li>
				<a name="li4">超链接</a>
				<li>5</li>
				<li>6</li>
				<p>段落5</p>
				<h1>标题</h1>
				<input type="text" name="name" />
				<input type="text" name="pass" />
			</ul>
		</div>
		
		<script type="text/javascript">
			$(function(){
				//$(".li1~p").css("color","red");
				//$("[name*='4']").css("color","red");
				//$("input[name='name']").focus();
				//$(":focus").css("color","red");
				$("input[name='name']").hide();
				$(":visible").css("color","red");
				$(":hidden").show(1000);
			});
		</script>
	</body>
</html>
